<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/blog_detail.css">


</head>
<body>
    <div class="nav">
        <img src="img/2.jpg" alt="">
        <span class="title">我的博客系统</span>
        <!-- 占位 -->
        <div class="spacer"></div>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="">注销</a>

    

    </div>
    <div class="container">
        <div class="container-left">
            <div class="card">
                <img src="./img/2.jpg" alt="">
                <h3>比特</h3>
                <a href="#">github地址</a>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>1</span>
                    <span>2</span>
                </div>
            </div>
        </div>
        <div class="container-right">
            <div class="blog-detail">
                <h3>我的第一篇博客</h3>
                <div class="date">2022-11-06 12:00:00</div>
                <p>
                    从今天起.我要认真写代码. Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique inventore, reprehenderit officiis, voluptates quas at aliquid accusamus quis ratione eligendi asperiores dolore quia autem laboriosam, id numquam aperiam modi delectus!
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nisi animi possimus fuga maxime quisquam sapiente quasi ex sed aspernatur harum velit vero adipisci, iure fugiat earum voluptate voluptatibus tempora.

                </p>
            </div>
        </div>
    </div>    


</body>
</html>